import { createApp } from 'vue';

import { createRouter, createWebHistory } from 'vue-router';
import routes from '@/routes';

import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';

import '@/assets/global.css';

import App from './App.vue';

const app = createApp(App);

const router = createRouter({
    // routes 是 routes: routes 的缩写( ES6 )
    routes ,
    // 指定 history 使用的模式:
    // createMemoryHistory 创建一个基于内存的历史记录
    // createWebHashHistory 创建一个 hash 历史记录
    // createWebHistory 表示使用普通的网址形式 ( 采用 HTML 5 history API 实现 )
    history: createWebHistory()
});

app.use( router );

app.use(ElementPlus);

app.provide('topics', [
    {
      id: 1,
      title: '在Java语言中一个对象至少占几个字节？',
      content: '在堆内存中一个Java对象至少需要占用多大内存？',
      explains: [
        { id: 125, content: '我也想知道', author: '老王' },
        { id: 300, content: '我不知道啊', author: '小王' },
      ]
    },
    {
      id: 2,
      title: '一个人一天可以睡多久',
      content: '大家又没试过一天可以睡多久，能不能睡足一天？',
      explains: [
        { id: 123, content: '这个很难回答，因为我睡着，不知道睡了多久', author: '周公' },
        { id: 321, content: '这个我知道，因为我晚上不睡觉', author: '夜游神' },
      ]
    }
]);

app.mount('#app');
